<div id="cart_slider" class="box_livesuppor_right">           
    <p id="cart_slider_title"><a href="javascript:void(0);"><img src="catalog/view/theme/<?php echo $template; ?>/images/bt_hurtigtoverblik.png" /></a></p>           
    <div id="cart_slider_info">
    	<div id="cart_slider_detail" style="padding: 10px 2px 8px 10px;">      		
		    <?php if($products){ ?> 
		    	<div style="height:240px;">
			        <div id="cart_slider_products" class="scroll_pane"> 
		        		<?php $i = 0; $count = count($products) - 1; ?>
        				<?php foreach($products as $item){ ?> 
        					<div style="margin-top:4px;<?php echo ($i < $count) ? ' border-bottom:solid 1px #C0C0C0;' : ''; ?>">
        						<p>
        							<a href="<?php echo $item['href']; ?>" title="<?php echo $item['name']; ?>"><?php echo $item['name']; ?></a> <br />
									<?php foreach($item['option'] as $option){ ?>
										- <small style="color:#777777"><?php echo $option['name']; ?> <?php echo $option['value']; ?></small><br />
									<?php } ?>
								</p>
								<p style="margin-top:3px;"><b><?php echo $item['quantity'];?></b> x <span class="style2"><?php echo $item['price'];?></span></p>
        					</div>
        					<?php $i++; ?> 	
        				<?php } ?> 
        			</div>
        		</div>
        		<div style="margin-top:5px"><a href="<?php echo $checkout; ?>"><img src="catalog/view/theme/mwc/images/bt_indkobskurven.png"></a></div> 
		    <?php }else { ?>
		        <h4 style="padding: 30px; text-align:center; text-transform:none;">Din indkøbskurv er tom!</h4> 
		    <?php } ?>  	        
        </div>
    </div>
</div>

<script type="text/javascript">
//<![CDATA[
    // Open, close cart
    jQuery('#cart_slider_title').live('click', function(){ 
    	jQuery("#cart_slider_detail").fadeOut("slow");   
        jQuery("#cart_slider_info").animate(
        	{"width": ["toggle", "swing"]}, 
        	1000,        	
        	function(){
				jQuery("#cart_slider_detail").fadeIn("fast"); 					
				jQuery('#cart_slider_products').jScrollPane({
					showArrows: true,
				});	
        	}
        );        
    });
//]]>
</script>
